<template>
  <section class="main">
    <template v-if="locale == 'en'">
      <PersonalEn :result="resultObj" @page-change="onPageChange" />
    </template>
    <template v-else-if="locale == 'zh-cn'">
      <PersonalZhcn :result="resultObj" @page-change="onPageChange" />
    </template>
  </section>
</template>

<script lang="ts" setup name="HomePage">
  import { computed, onMounted } from 'vue';
  import { useUserStore } from '@/store/modules/user';
  import { setLang } from '@/i18n';
  import { useI18n } from 'vue-i18n';
  import PersonalEn from '../components/Personal/en.vue';
  import PersonalZhcn from '../components/Personal/zh-cn.vue';

  const { locale } = useI18n();

  const userStore = useUserStore();

  const getUserInfo = computed(() => {
    let userInfo = userStore.getUserInfo || {};
    return userInfo;
  });

  onMounted(() => {});
</script>
<style lang="scss"></style>
